// let count = 1;
// function AddCount() {
//     count++;
// }

// react 16.8 及其以后就可以使用 React Hooks来实现函数式组件的状态管理
// 使用步骤：
/*
1.导入 useState 
2. 使用 useState初始化一个状态属性和一个修改这个状态属性的方法(属性和方法都可以由我们来自定义)
*/
// 1.导入 useState 
import { useState } from 'react'

function FuncComp() {
    // 2.0  使用 useState初始化一个状态属性和一个修改这个状态属性的方法(属性和方法都可以由我们来自定义)
    // 代码解析：count相当于类组件中的 state.count, setCount(count):相当于类组件中的 this.setState({count})
    let [count, setCount] = useState(1) // 参数就是给状态属性赋初始值
    let [age, setAge] = useState(20)

    return (<div>
        数量： {count} {age}
        <br />
        {/* <button onClick={() => { setAge(age + 1) }}>+1</button> */}
        <button onClick={() => { setAge(age => age + 1) }}>+1</button>
    </div>)
}

export default FuncComp;